<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css"/>
    <link rel="stylesheet" href="jquery.mobile-1.4.5/jqm-datebox-1.4.5.min.css"/>
    <script type="text/javascript" src="jquery.mobile-1.4.5/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.4.5/jqm-datebox-1.4.5.js"></script>
    <script type="text/javascript" src="js/common.min.js?20150126"></script>
    <script type="text/javascript" src="js/page.js?20150128"></script>
    <script type="text/javascript" src="js/main.js?20150126"></script>
    <style type="text/css">
        img {
            height: auto;
            width: 100%;
        }

        .ui-header div, .ui-header div img {
            background-color: #faf9f7;
        }

        #city-button, #company-button, #tvPackage-button, #type-button {
            text-align: left;
        }

        .ui-grid-a .ui-block-a{
            width: 30%;
        }
        .ui-grid-a .ui-block-b {
            width: 70%;
        }
    </style>

    <title>公共事业缴费</title>
</head>
<body>
<!--主页-->
<div data-role="page" id="pageHome">
    <div data-role="header">
        <div><img src="img/shouye_logo.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div style="float: left; padding: 12px 2px 10px 15px;">公共事业缴费</div>
        <div><img src="img/nav_line_2.png" style="float: left; height: 44px; width: 30px;"></div>
        <div style="margin:0 auto; height: 44px;">&nbsp;</div>
    </div>
    <div style="clear:left; "></div>
    <div data-role="content">
        <div class="ui-grid-a">
            <div class="ui-block-a" style="width: 50%;">
                <a id="aShui" data-role="button">
                    <img src="img/icon_1.png"><br/>
                    <span>水费</span>
                </a>
            </div>
            <div class="ui-block-b" style="width: 50%;">
                <a id="aDian" data-role="button">
                    <img src="img/icon_2.png"><br/>
                    <span>电费</span>
                </a>
            </div>
            <div class="ui-block-a" style="width: 50%;">
                <a id="aQi" data-role="button">
                    <img src="img/icon_3.png"><br/>
                    <span>燃气费</span>
                </a>
            </div>
            <div class="ui-block-b" style="width: 50%;">
                <a id="aTV" data-role="button">
                    <img src="img/icon_4.png"><br/>
                    <span>电视费</span>
                </a>
            </div>
        </div>
        <div style="padding-top: 1.1em;">
            <a href="#pageQuery" data-role="button" data-transition="slide" style="background-color: #88bb22; color: #ffffff; text-shadow: none; box-shadow: none; border: none;">查&nbsp;&nbsp;询</a>
        </div>
    </div>
</div>

<!--缴费页-->
<div data-role="page" id="pagePayment">
    <div data-role="header">
        <div><a href="#pageHome" data-role="none" data-transition="slide" data-direction="reverse"><img src="img/icon_back.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div><a href="#pageQuery" data-role="none" data-transition="slide"><img src="img/icon_search.png" style="float: right; height: 44px; width: 47px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: right; height: 44px; width: 2px;"></div>
        <div style="height: 34px; padding-top: 12px; margin:0 auto; text-align: center;">公共事业缴费-<span id="title"></span></div>
    </div>
    <div style="clear: left;"></div>
    <div data-role="content">
        <div style="margin: 0 auto; text-align: center; background-color: #eeeeee; padding: 5px 0 5px 0;">选择并确认缴费信息</div>
        <form method="post">
            <div class="ui-grid-a">
                <div class="ui-block-a" style="height: 40px; margin-top: 20px;">
                    <label for="city">盟&nbsp;&nbsp;&nbsp;&nbsp;市</label>
                </div>
                <div class="ui-block-b">
                    <select name="city" id="city">
                        <option value="0">请选择</option>
                    </select>
                </div>
                <div class="ui-block-a" style="height: 40px; margin-top: 20px;">
                    <label for="company">缴费单位</label>
                </div>
                <div class="ui-block-b">
                    <select name="company" id="company">
                        <option value="0">请选择</option>
                    </select>
                </div>
                <div class="ui-block-a" id="tvPackageLabel" style="height: 40px; margin-top: 20px;">
                    <label for="tvPackage">缴&nbsp;费&nbsp;包</label>
                </div>
                <div class="ui-block-b" id="tvPackageField">
                    <select name="tvPackage" id="tvPackage">
                        <!--<option value="001">数字电视基本包</option>-->
                        <option value="002">数字电视基本包+4元扩展包</option>
                    </select>
                </div>
                <div class="ui-block-a" style="height: 38px; margin-top: 15px;">
                    <label for="userNumber">户&nbsp;&nbsp;&nbsp;&nbsp;号</label>
                </div>
                <div class="ui-block-b">
                    <input type="number" name="userNumber" id="userNumber" placeholder="请输入户号">
                </div>
                <div class="ui-block-a" id="payMonthLabel" style="height: 38px; margin-top: 15px;">
                    <label for="payMonth">缴费月数</label>
                </div>
                <div class="ui-block-b" id="payMonthField">
                    <input type="number" name="payMonth" id="payMonth" placeholder="请输入月数">
                    <span style="font-size: 0.8em; color: #e40177">缴费月数最小为1，最大为24</span>
                </div>
                <div class="ui-block-a" id="agreementField" style="width: 100%;">
                    <label for="agreement">同意服务协议</label>
                    <input type="checkbox" checked="true" name="agreement" id="agreement" value="1" data-mini="true">
                </div>
                <div style="font-size: small; float:right;">
                    <a id="aAgreement">内蒙古移动公共事业缴费业务客户服务协议</a>
                </div>
            </div>
            <div style="padding-top: 1.1em;">
                <a id="btnPayment" data-role="button" data-transition="slide" style="background-color: #88bb22; color: #ffffff; text-shadow: none; box-shadow: none; border: none;">缴&nbsp;&nbsp;费</a>
            </div>
        </form>
    </div>
</div>

<!--缴费结果页--支付页-->
<div data-role="page" id="pagePay">
    <div data-role="header">
        <div><a href="#pagePayment" data-role="none" data-transition="slide" data-direction="reverse"><img src="img/icon_back.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div style="height: 34px; padding-top: 12px; margin:0 auto; text-align: center;">公共事业缴费-支付</div>
    </div>
    <div style="clear: left;"></div>
    <div data-role="content">
        <div style="margin: 0 auto; text-align: center; background-color: #eeeeee; padding: 5px 0 5px 0;">查询结果</div>
        <div class="ui-grid-a">
            <div class="ui-block-a" style="padding-top: 5px;">
                用户姓名
            </div>
            <div id="userName" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div class="ui-block-a" style="padding-top: 5px;">
                缴&nbsp;费&nbsp;号
            </div>
            <div id="consNo" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div class="ui-block-a" style="padding-top: 5px;">
                订&nbsp;单&nbsp;号
            </div>
            <div id="contNo" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div id="prepayBalText" class="ui-block-a" style="padding-top: 5px;">
                余&nbsp;&nbsp;&nbsp;&nbsp;额
            </div>
            <div id="prepayBal" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div id="prepayMonthText" class="ui-block-a" style="padding-top: 5px;">
                缴费月数
            </div>
            <div id="prepayMonth" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div id="debtText" class="ui-block-a" style="padding-top: 5px;">
                欠费金额
            </div>
            <div id="debtMoney" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div id="moneyText" class="ui-block-a" style="height: 38px; padding-top: 15px;">
                缴费金额
            </div>
            <div id="moneyValue" class="ui-block-b" style="color: #e40177;">
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        <input id="payMoney" type="number"/>
                    </div>
                    <div class="ui-block-b" style="height: 38px; padding-top: 15px;">
                        元
                    </div>
                </div>
                <div id="tip" style="font-size: 0.8em; color: #e40177">预存缴费金额不能小于2.00元</div>
            </div>
        </div>

        <div style="padding-top: 1.1em;">
            <a id="btnPay" data-role="button" data-transition="slide" style="background-color: #88bb22; color: #ffffff; text-shadow: none; box-shadow: none; border: none;">支&nbsp;&nbsp;付</a>
        </div>
    </div>
</div>

<!--支付确认页-->
<div data-role="page" id="pagePayConfirm">
    <div data-role="header">
        <div><a href="#pagePay" data-role="none" data-transition="slide" data-direction="reverse"><img src="img/icon_back.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div style="height: 34px; padding-top: 12px; margin:0 auto; text-align: center;">公共事业缴费-确认支付</div>
    </div>
    <div style="clear: left;"></div>
    <div data-role="content">
        <div style="margin: 0 auto; text-align: center; background-color: #eeeeee; padding: 5px 0 5px 0;">您的支付信息如下</div>
        <div class="ui-grid-a">
            <div class="ui-block-a" style="padding-top: 5px;">
                用户姓名
            </div>
            <div  id="userNameQ" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div class="ui-block-a" style="padding-top: 5px;">
                缴&nbsp;费&nbsp;号
            </div>
            <div  id="consNoQ" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div class="ui-block-a" style="padding-top: 5px;">
                订&nbsp;单&nbsp;号
            </div>
            <div id="contNoQ" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div class="ui-block-a" style="padding-top: 5px;">
                余&nbsp;&nbsp;&nbsp;&nbsp;额
            </div>
            <div id="prepayBalQ" class="ui-block-b" style="padding-top: 5px; color: #ff9c13;">
            </div>
            <div class="ui-block-a" style="padding-top: 5px;">
                缴费金额
            </div>
            <div class="ui-block-b" style="padding-top: 5px; color: #e40177;">
                <span id="payMoneyQ"></span>元
            </div>
        </div>
        <div style="padding-top: 1.1em;">
            <a href="#" data-role="button" style="background-color: #88bb22; color: #ffffff; text-shadow: none; box-shadow: none; border: none;">确认支付</a>
        </div>
    </div>
</div>

<!--缴费协议页-->
<div data-role="page" id="pageAgreement">
    <div data-role="header">
        <div><a href="#pagePayment" data-role="none" data-transition="slide" data-direction="reverse"><img src="img/icon_back.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div style="height: 34px; padding-top: 12px; margin:0 auto; text-align: center;">缴费协议</div>
    </div>
    <div data-role="content">
        &nbsp;&nbsp;&nbsp;&nbsp; 为明确双方的权利和义务，规范双方行为，甲方(订购内蒙古公共事业缴费业务的个人客户)、乙方(中国移动通信集团内蒙古有限公司)本着自愿、平等、互利的原则，就公共事业缴费相关事宜达成《公共事业缴费业务客户服务协议》（以下简称本协议）  。 <br>
        公共事业缴费业务是乙方为甲方提供的水、电、燃气、数字电视等生活缴费的服务（以下简称本服务），服务内容主要有：账单提醒-甲方可定制账单短信提醒；水、电、燃气、数字电视等行业单位的短信催缴；便捷缴费-甲方可通过手机短信或<a href="http://www.nmgjf.net">http://www.nmgjf.net</a>网站(以下简称网站)查询和缴纳水电燃气费等费用。 <br>
        一、 声明与承诺 <br>
        （一）甲方确认，在订购本服务成为中国移动公共事业缴费业务用户及接受本服务之前，甲方已充分阅读、理解并接受本协议的全部内容，一旦甲方使用本服务，即表示甲方同意遵循本协议之所有约定。 <br>
        （二）甲方同意，乙方有权随时对本协议内容进行单方面的变更，并以在本网站公告的方式进行公布，不另行单独通知甲方；若甲方在本协议内容变更并公告后继续使用本服务的，表示甲方已充分阅读、理解并接受修改后的协议内容，也将遵循修改后的协议内容使用本服务；若甲方不同意修改后的协议内容，甲方应停止使用本服务。 <br>
        （三） 甲方声明，在甲方同意接受本协议并订购成为乙方的公共事业缴费业务的用户时，甲方是具有法律规定的完全民事权利能力和民事行为能力，能够独立承担民事责任的自然人、法人或其他组织；本协议内容不受甲方所属国家或地区的排斥。不具备前述条件的，甲方应立即终止注册或停止使用本服务。 <br>
        二、乙方的公共事业缴费业务 <br>
        （一）乙方提供的服务 <br>
        乙方提供的服务都是在甲方注册成为乙方的公共事业缴费业务用户之后，乙方向甲方提供服务的方式包括但不限于以下渠道：短信106570999基本短信端口号以及基于106570999为扩展的短信端口号、<a href="http://www.nmgjf.net">http://www.nmgjf.net</a>、网站以及乙方的营业厅等。 <br>
        1、查询：甲方可以在乙方公共事业缴费平台（以下简称本平台）中随时查询由乙方公共事业缴费业务已经覆盖区域的账单信息（如甲方所在的收费单位硬性规定不允许除外）；甲方可以在本平台查到甲方在本平台不低于一年的缴费记录（甲方注销、退订业务后；或使用本平台缴费不满一年等情况除外）。 <br>
        2、账单提醒：甲方可定制甲方向乙方提交的缴费户号的账单提醒服务，乙方根据甲方设定的固定日期，主动的定期将甲方相关缴费户号账单的查询结果（缴费号和金额等信息）以短信方式下发至甲方手机，甲方同意并愿意接收由乙方短信服务端口106570999定期主动下发的甲方的相关账单信息；乙方的账单提醒信息在甲方定制的日期下发的具体时间段一般为当天的9：00-20：00（乙方短信服务端口由于故障原因，可能会导致短信下方时间推迟除外）。  具体定制操作步骤可参考网站帮助中心。 <br>
        3、便捷缴费：甲方可通过手机短信或网站查询并缴纳水电燃气等费用，缴费时的支付方式可根据具体情况选择使用手机支付、银行卡网站在线支付；具体支付方式的提供由本平台提供的实际支付渠道接入情况而定。 <br>
        4、信息通知：甲方在本平台完成缴费之后可收到乙方全区统一的短信端口号106570999下发的手机短信通知。 <br>
        5、行业单位的短信催缴：当甲方产生水、电、燃气、数字电视等欠费时，水、电、燃气、数字电视等收费单位可能会在某时段发送给甲方催缴短信（由短信服务端口106570999下发）。此催缴短信属于为相关行业单位代发短信，由此引发的不便，本平台不负任何责任。甲方对此如有异议，请直接与对应收费行业单位协商解决。 <br>
        （二）订购相关 <br>
        在使用本服务前，甲方必须先行订购（注册）,甲方同意： <br>
        1、 根据甲方自身使用业务需要、按照本协议提示，提供准确的并在订购后及时更新甲方的正确、最新及完整的个人资料，包括但不限于姓名、手机号码、缴费号、Email、银行卡卡号、收费单位账单等相关信息。若有合理理由怀疑甲方提供的资料错误、不实、过时或不完整的，乙方有权暂停或终止向甲方提供部分或全部服务功能。乙方对此不承担任何责任，甲方将承担因此产生的任何直接或间接支出。 <br>
        2、 因甲方未及时更新资料，导致本服务无法提供或提供时发生任何错误，甲方不得将此作为取消交易、拒绝付款的理由，甲方将承担因此产生的一切后果，乙方不承担任何责任。 <br>
        （三） 缴费安全 <br>
        甲方将对使用甲方的手机、密码进行的一切操作及言论负完全的责任，甲方同意： <br>
        1、网站缴费时：乙方通过甲方的手机号码、密码、验证码识别甲方的指令，请甲方妥善保管甲方的手机号码和密码，对于因甲方自身原因导致的任何损失，由甲方自行承担。该过错包括但不限于：手机丢失、密码泄露、电脑木马病毒等。 <br>
        2、手机缴费时：乙方通过甲方的手机号码、缴费号、缴费金额等识别甲方的指令，此支付方式属于手机支付平台的无磁无密支付。本平台只属于支付方式渠道提供方，由于支付平台方（手机支付、银行卡网站等）产生的安全问题，或因甲方手机丢失、缴费号泄露、手机病毒等自身原因所致的损失，由甲方自行承担。 <br>
        3、 如甲方发现有手机丢失、他人冒用、盗用甲方的账户及密码或任何其他未经合法授权的情形时，应立即以有效方式通知乙方，要求乙方暂停相关服务。同时，甲方理解乙方对甲方的请求采取行动需要合理期限，在此之前，乙方对已执行的指令及(或)所导致的甲方的损失不承担任何责任。 <br>
        4、 缴费异常处理：甲方使用本服务时，可能由于收费单位、手机支付系统、银行本身系统问题、网络连线问题或其他不可抗拒因素，造成本服务无法提供。甲方确保甲方所输入的甲方的缴费号、支付帐号等资料无误，如果因资料错误造成乙方上述异常状况发生时，无法及时通知甲方相关交易后续处理方式的，乙方不承担任何损害赔偿责任。 <br>
        5、 甲方同意，基于运行和缴费安全的需要,乙方可以暂时停止提供或者限制本服务部分功能,或提供新的功能,在任何功能减少、增加或者变化时,只要甲方仍然使用本服务, 则表示甲方仍然同意本协议或变更后的协议。 <br>
        三 甲方权利、义务 <br>
        一、权利 <br>
        （一）甲方自愿申请使用本服务。经乙方审查同意后，甲方有权要求使用乙方提供的相应服务。 <br>
        （二）甲方有权办理取消本服务。 <br>
        （三）甲方对乙方公共事业缴费服务如有疑问、建议或意见时，可拨打乙方客服电话10086 或登录乙方网站进行咨询和投诉。 <br>
        二、义务 <br>
        （一）甲方办理乙方公共事业缴费业务，需要通过电子方式签署本协议；同时遵守各行业收费单位、手机支付以及银行的相关业务条款。甲方订购本服务时，同时应遵守本协议及相关的规则、附件。 <br>
        （二）甲方进行缴费的手机支付账户、银行卡，必须为本人实名登记的手机支付账户、个人借记卡，并具有网上支付功能。乙方按照甲方要求执行通过安全程序的交易指令后，甲方不得要求变更或撤销该指令。 <br>
        （三）甲方办理乙方公共事业缴费业务应发送相关短信指令到乙方短信服务端口号106570999或登录乙方网站以及乙方特别告知的其他登录方式，因甲方操作不当造成的损失由其自行承担。 <br>
        （四）甲方保证提供的资料真实、准确、完整、有效。对于因甲方提供信息不真实、不准确、不完整或者无效所造成的损失由甲方承担。甲方必须正确填写账单信息，并且妥善保管预留信息，除在乙方办理业务时使用外，不要向任何其他人、其他网站、电话、短信或邮件的问询提供预留的信息内容。甲方对通过以上信息完成的一切金融交易负责。 <br>
        （五）甲方承诺自己在使用本服务时，实施的所有行为均遵守国家法律、法规和乙方的相关规定以及各种社会公共利益或公共道德。甲方从事非法活动或不正当交易产生的一切后果与责任，由甲方独立承担。 <br>
        （六）甲方不得以与第三方发生纠纷为理由拒绝支付使用本服务的应付款项。 <br>
        第三条 乙方权利、义务 <br>
        一、权利 <br>
        （一）乙方有权根据甲方手机号码是否停机状态、资信情况或交易记录，决定是否受理甲方的本服务申请。乙方可以根据注册信息等相关要素对甲方从事交易的权限和身份进行核实。 <br>
        （二）乙方有权根据甲方发送的手机短信上行的相关指令进行反馈，从乙方短信服务总端口106570999以及子端口106570999XXXXXXXXXX下发到甲方手机的手机短信，短信内容包含但不限于以下：甲方请求的订购信息、缴费账单信息、缴费相关信息、缴费成功相关通知信息、业务变更信息、甲方定制账单提醒信息等。 <br>
        （三）乙方有权根据自身业务的发展，增加、减少或撤销缴费服务项目，调整缴费服务的内容；乙方有对公共事业缴费功能进行升级、改造的权利。  因甲方提供的账单逾期或甲方银行卡账户、手机支付账户资金不足等任何原因导致缴费不成功的，乙方将向甲方返回失败信息，因此导致甲方逾期时间增长或任何其他损失的，该损失由甲方自行完全承担。乙方系统向甲方返回的信息为支付成功，但因对应的服务银行、手机支付及收费行业单位的系统或操作导致该账单最终还是需要支付滞纳金的，乙方不予承担，甲方对此有异议的，将直接与对应的银行、手机支付及收费行业单位协商解决。 <br>
        （四）乙方可以在法律法规许可和甲方授权的范围内使用甲方的资料和交易记录。  乙方有权对甲方的注册资料及交易行为进行查阅，在对甲方注册资料或交易行为存疑，或认为存在安全隐患可能时，乙方有权采取限制甲方使用本服务的部分或全部功能，要求甲方提供必要的凭证等措施，甲方应予配合。 <br>
        （五）乙方有权根据自己的判断，在未经通知的情况下，暂时或永久拒绝甲方使用本协议约定服务，  且无须承担任何责任。 <br>
        （六）一旦甲方使用本协议约定服务，且通过乙方系统向甲方发送相应指令的，不论本协议是否终止，基于该指令所涉及的款项和费用不予退回。 <br>
        二、义务 <br>
        （一）乙方有义务在技术上确保本平台的安全、有效、正常运行，保证甲方顺利使用本协议约定服务，并向甲方提供甲方账单信息查询、缴费记录查询、缴费、缴费账单通知等服务。但不承担因通讯、停电故障、黑客攻击、银行问题、收费行业单位出账问题、不可抗力等非乙方原因所引起交易中断、交易错误引起的责任。 <br>
        （二）乙方对甲方在注册中提供的相关身份资料及在交易中产生的交易记录负有保密义务，但有权利根据法律法规规定向有权查询的法定机构，或为完成交易指令的需要向第三方提供。 <br>
        （三）乙方可对甲方收取合理的交易服务费用，本服务目前暂时免费，免费使用期结束前乙方公共事业缴费平台短信服务端口106570999将会向甲方发送提示短信，甲方应注意查收。乙方可能根据业务发展对费用进行变更。乙方应向甲方明示交易费用及其变更，如甲方不接受相关费用标准及其变更，则可取消本服务。一旦甲方使用本协议约定服务，即视为甲方同意接受包括费用条款在内的所有约定。 <br>
        （四）乙方负责向甲方提供公共事业缴费业务咨询服务，并在乙方网站公布功能介绍、问题解答、交易规则等内容。 <br>
        （五）甲方申请注册后，即表示同时申请订购中国移动公共事业缴费业务，10086服务端口将自动向甲方手机发送确认订购短信，用户回复后即可完成订购，订购成功后才能完成注册。如甲方遇到注册延时过长（因为乙方网络故障、平台订购短信服务端口等故障时），乙方有义务负责向甲方提供注册操作延时排查服务。 <br>
        第四条 协议修改 <br>
        （一）乙方将有权随时修改本协议的有关条款，一旦本协议的内容发生变动，乙方将会通过网站公告方式告知甲方。 <br>
        （二）如果甲方不同意乙方对本协议相关条款所做的修改，甲方应停止使用本协议约定的服务。一旦甲方继续使用本协议约定服务的，视为甲方理解并接受修改后的协议条款。 <br>
        第五条 差错和争议的解决 <br>
        （一）甲方发现自身未按规定操作，或由于自身其他原因造成缴费指令未执行、未适当执行、延迟执行的，应及时通过拨打乙方客服电话10086告知乙方。乙方应积极调查并告知甲方调查结果。 <br>
        （二）双方在履行本协议的过程中，如发生争议，应协商解决。协商不成的，任何一方均可向乙方所在地人民法院提起诉讼。 <br>
        第六条 协议的中止和终止 <br>
        （一）甲方可以主动向乙方提出终止服务，由乙方注销甲方账户，甲方即解除与乙方的服务协议关系。但注销后，乙方仍保留下列权利及义务： <br>
        1.保留和合理使用甲方的注册资料及以前的交易行为记录。 <br>
        2.如甲方在注销前在乙方平台上存在违法行为或违反本协议的行为，或因甲方注销前发生的交易在注销后引发争议的，乙方仍可行使追究的权利。 <br>
        （二）甲方同意，乙方不对因下述任一情况而发生的服务中断或终止而承担任何赔偿责任： <br>
        1.乙方基于单方判断，认为甲方已经违反本服务条款的规定，将中断或终止向甲方提供乙方部分或全部服务功能，并将甲方用户资料加以删除。 <br>
        2.乙方在发现甲方注册资料虚假、异常交易、疑义或有违法嫌疑时，不经通知有权先行中断或终止甲方手机支付账户、密码，并拒绝甲方使用乙方部分或全部服务功能。 <br>
        第七条 违约责任 <br>
        本协议任何一方违反本协议规定的内容，给另一方造成损害的，应当承担违约责任，赔偿另一方因此而造成的损失，包括财产损失、名誉损失等。 <br>
        第八条 协议的解释 <br>
        本协议的成立、生效、履行和解释，均适用中华人民共和国法律；法律无明文规定的，应适用乙方制定的业务规定和通行的金融惯例。 <br>
        第九条 免责条款 <br>
        甲方向乙方公共事业缴费平台提交的账单为逾期账单，导致其缴费的结果为销账失败。由此产生的滞纳金，由甲方自行承担。若甲方对此存在疑义，可与收费行业单位进行协商。乙方将不承担任何责任。
    </div>
</div>

<!--查询页-->
<div data-role="page" id="pageQuery">
    <div data-role="header">
        <div><a href="#pageHome" data-role="none" data-transition="slide" data-direction="reverse"><img src="img/icon_back.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div style="height: 34px; padding-top: 12px; margin:0 auto; text-align: center;">公共事业缴费-缴费查询</div>
    </div>
    <div style="clear: left;"></div>
    <div data-role="content">
        <div style="margin: 0 auto; text-align: center; background-color: #eeeeee; padding: 5px 0 5px 0;">缴费查询</div>
        <form method="post">
            <div class="ui-grid-a">
                <!--<div class="ui-block-a" style="height: 40px; margin-top: 20px;">
                    <label for="type">缴费项目</label>
                </div>
                <div class="ui-block-b">
                    <select name="type" id="type">
                        <option value="S">水费</option>
                        <option value="D">电费</option>
                        <option value="Q">燃气费</option>
                        <option value="T">电视费</option>
                    </select>
                </div>-->
                <div class="ui-block-a" style="height: 40px; margin-top: 20px;">
                    <label>查询日期</label>
                </div>
                <div class="ui-block-a" style="width: 96%; padding-left: 2%;">
                    <div style="width: 46%; float: left; "><input id="startDate" type="text" data-role="datebox" data-options='{"mode":"calbox"}'></div>
                    <div style="width: 6%; padding-left: 1%; padding-right: 1%; float: left; height: 53px; margin-top: 20px; text-align: center;">至</div>
                    <div style="width: 46%; float: left;"><input id="endDate" type="text" data-role="datebox" data-options='{"mode":"calbox"}'></div>
                </div>
            </div>
            <div>
                <a id="btnQuery" data-role="button" data-transition="slide" style="background-color: #88bb22; color: #ffffff; text-shadow: none; box-shadow: none; border: none;">查&nbsp;&nbsp;询</a>
            </div>
        </form>
    </div>
</div>

<!--查询结果页-->
<div data-role="page" id="pageQueryResult">
    <div data-role="header">
        <div><a href="#pageQuery" data-role="none" data-transition="slide" data-direction="reverse"><img src="img/icon_back.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div style="height: 34px; padding-top: 12px; margin:0 auto; text-align: center;">公共事业缴费-查询结果</div>
    </div>
    <div style="clear: left;"></div>
    <div data-role="content">
        <div style="margin: 0 auto; text-align: center; background-color: #eeeeee; padding: 5px 0 20px 0;">查询结果</div>
        <ul id="ulResult" data-role="listview">
        </ul>
    </div>
</div>

<!--温馨提示页-->
<div data-role="page" id="pageMessage">
    <div data-role="header">
        <h1>温馨提醒</h1>
    </div>
    <div data-role="content">
        <div id="message">提醒一</div>
    </div>
</div>

<!--支付结果跳转页面-->
<div data-role="page" id="pagePayResults">
    <div data-role="header">
        <div><a href="#pageHome" data-role="none" data-transition="slide" data-direction="reverse"><img src="img/icon_back.png" style="float: left; height: 44px; width: 47px; padding-left: 2px; padding-right: 2px;"></a></div>
        <div><img src="img/nav_line_1.png" style="float: left; height: 44px; width: 2px;"></div>
        <div style="height: 34px; padding-top: 12px; margin:0 auto; text-align: center;">公共事业缴费-支付结果</div>
    </div>
    <div style="clear: left;"></div>
    <div data-role="content">
        <div style="margin: 0 auto; text-align: center; background-color: #eeeeee; padding: 5px 0 5px 0;">支付结果</div>
        <div style="text-align: center; padding-top: 15px;">
            <div id="paySuccess">
                <img src="img/icon_error.png"/>
            </div>
            <div id="payFailure">
                <img src="img/icon_right.png"/>
            </div>
        </div>
    </div>
</div>
</body>
</html>